﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<link href="../style.css" rel="stylesheet" type="text/css" /> 
	<script src="../util.js"></script>
	<script src="../events.js"></script>
	<script src="../table.js"></script>
	<script src="popup/popup.js"></script>
<style>

#table
{
	border-top:1px solid red;
	width:752px;
	overflow: hidden;
}

.item{
	width:750px;
	border:1px solid red;
	border-top:0 solid red;
	border-bottom: 0;
}

tr{
	height:40px;
}

table.tmain{
	width:750px;
}

table.tmain td.right {
	cursor:pointer;
}

table.tmain td.left{
	width:87px;
}

table.tmain td.right{
	width:663px;
}

table.tmain td.right table{
	width:100%;
}

table.tmain td.right td{
	width:25%;
}

.con_1{
	width:751px;
	border:#f00 solid 1px;
	border-right:0;
	border-bottom:0;
	overflow: hidden;
	margin:0;
	padding:0;
}
.clear{clear:both;}
.con_1 ul,.con_1 li{margin:0;padding:0;}
.list_1{}
.list_1 li{list-style-type:none;float:left;width:164px;border-right:#f00 solid 1px;}
.list_1 li.wid_1{width:255px;}
</style>
</head>
<body>
<div id="dd">
<div class="con_1">
	<ul class="list_1">
    	<li class="wid_1">城市级别</li>
    	<li>一级城市</li>
    	<li>二级城市</li>
    	<li>三级城市</li>
    </ul>
    <div class="clear"></div>
</div>
<div id="table">

<div class="item">
<table class="tmain" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="left" style="border-right:#f00 solid 1px;border-bottom:#f00 solid 1px">费用</td>
<td class="right">
<table id="table1" border="1">
<tbody>
<tr>
<td>代理费</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>保证金</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

    </td>
  </tr>
</table>
</div>

<div class="item">
<table class="tmain" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="left" style="border-right:#f00 solid 1px;border-bottom:#f00 solid 1px">奖励/返利</td>
<td class="right">
<table id="table2" border="1">
<tbody>
<tr>
<td>代理费</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>保证金</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

    </td>
  </tr>
</table>
</div>

<div class="item">
<table class="tmain" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="left" style="border-right:#f00 solid 1px;border-bottom:#f00 solid 1px">赠送</td>
<td class="right">
<table id="table3" border="1">
<tbody>
<tr>
<td>代理费</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>保证金</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

    </td>
  </tr>
</table>
</div>

<div class="item">
<table class="tmain" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="left" style="border-right:#f00 solid 1px;border-bottom:#f00 solid 1px">要求</td>
<td class="right">
<table id="table4" border="1">
<tbody>
<tr>
<td>代理费</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>保证金</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

    </td>
  </tr>
</table>
</div>
</div>
<div style="width:750px;border:solid red 1px;height:40px"><table id="comment" border="1px" width="100%"><tbody><tr><td>备注</td><td>&nbsp;</td></tr></tbody></table></div>

<hr />
<script>

var pop1;
var pop2;
var main;
function callback(par) {

    alert(par);
    pop1.close();

main.settdValue("dddddddd");
}





window.onload = function(){


             pop1=new txooo.ui.Popup({ contentType:1,isReloadOnClose:false,width:340,height:300});
	     pop1.setContent("title","html字符串示例");
             pop1.setContent("contentUrl","setPopup_.htm");


             pop2=new txooo.ui.Popup({ contentType:1,isReloadOnClose:false,width:340,height:300});
	     pop2.setContent("title","html字符串示例");
             pop2.setContent("contentUrl","setPopup_.htm");

	main = new table("table1,table2,table3,table4");
	main.enableedit();
	
	main.setPopup({"table1":pop1,"table2":pop1,"table3":pop1},["*",0]);
};
             
            
	





</script>
</body>
</html>
